<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <link rel="stylesheet" href="http://618cj.com/ys/793/css/style.css">
    <link rel="stylesheet" href="http://618cj.com/ys/793/css/swiper.min.css">
    <script src="http://618cj.com/ys/793/js/jquery.1.11.1.js"></script>
    <script src="http://618cj.com/ys/793/js/swiper.min.js"></script>
    <script src="http://618cj.com/ys/793/js/idangerous.swiper.min.js"></script>
    <script language="JavaScript">
    document.oncontextmenu = new Function("event.returnValue=false;");
    document.onselectstart = new Function("event.returnValue=false;");

    function testKeyDown(event) { 
        if ((event.keyCode == 123) || (event.shiftKey) || (event.ctrlKey)) { 
            event.keyCode = 0;
            event.returnValue = false 
        } 
    } 

    document.onkeydown = function() { testKeyDown(event) };
    window.onhelp = function() { return false };
    </script>
    <title>优惠促销</title>
</head>

<body>
    <!-- header -->
    <header class="favor-header-bar">
        <ul class="tabs">
            <li class="default"><a href="javascript:void(0);" id="btn1" hidefocus="true">热门</a></li>
            <li class=""><a href="javascript:void(0);" id="btn2" hidefocus="true">宽带</a></li>
            <li class=""><a href="javascript:void(0);" id="btn3" hidefocus="true">流量</a></li>
            <li class=""><a href="javascript:void(0);" id="btn4" hidefocus="true">充值</a></li>
        </ul>
    </header>
    <!-- slideTo tab -->
    <div class="swiper-container favor-list">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="">
                    <dl>
                        <dt>
                            <img src="images/pic1-favor.png">
                            <span></span>
                        </dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第一页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt>
                            <img src="images/pic1-favor.png">
                        </dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第一页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt><img src="images/pic1-favor.png"></dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第一页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt><img src="images/pic1-favor.png"></dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第一页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="">
                    <dl>
                        <dt>
                            <img src="images/pic3-favor.png">
                            <span></span>
                        </dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第二页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt>
                            <img src="images/pic3-favor.png">
                        </dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第二页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt><img src="images/pic3-favor.png"></dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第二页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt><img src="images/pic3-favor.png"></dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第二页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="">
                    <dl>
                        <dt>
                            <img src="images/pic3-favor.png">
                            <span></span>
                        </dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第三页</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
            </div>
            <div class="swiper-slide">
                <a href="">
                    <dl>
                        <dt>
                            <img src="images/pic1-favor.png">
                            <span></span>
                        </dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第四个</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt>
                            <img src="images/pic1-favor.png">
                        </dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第四个</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt><img src="images/pic3-favor.png"></dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第四个</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
                <a href="">
                    <dl>
                        <dt><img src="images/pic1-favor.png"></dt>
                        <dd>
                            <h2>1G流量免费送</h2>
                            <p>第四个</p>
                            <small>活动截止到2016-07-01</small>
                        </dd>
                    </dl>
                </a>
            </div>
        </div>
    </div>
    <script>
    var mySwiper = new Swiper('.swiper-container', {
        autoHeight: true,
        onSlideChangeStart: function() {
            $(".tabs .default").removeClass('default');
            $(".tabs li").eq(mySwiper.activeIndex).addClass('default');
        }
    });
    $(".tabs li").on('click', function(e) {
        e.preventDefault();
        $(".tabs .default").removeClass('default');
        $(this).addClass('default');
        mySwiper.swipeTo($(this).index());
    });
    $(".tabs li").click(function(e) {
        e.preventDefault();
    });
    </script>
</body>
</html>




